<template>
  <div  style="padding: 20px" >
    <nav>
      <router-link class="tocont" to="/info/aboutUs">{{
        $t("home.aboutUs")
      }}</router-link
      >|
      <router-link class="tocont" to="/info/contactUs">{{
        $t("home.contactUs")
      }}</router-link
      >|
      <router-link class="tocont" to="/info/joinUs">{{
        $t("home.joinUs")
      }}</router-link>
    </nav>
    <div class="Icp">
      <div class="foot_text_box">
        <!-- <div class="foot_text">{{$t("home.lianXun")}}</div> -->
        <div class="foot_text">
          HONG KONG ELEPHANT NETWORK TECHNOLOGY CO., LIMITED
        </div>
      </div>
      <div class="foot_text_a_box">
        <div class="foot_text">Copyright FishNovel.  All Rights Reserved.</div>
        <!-- <a class="foot_text" href="https://beian.miit.gov.cn" target="_blank">{{$t("home.jingICP")}}</a>
				<div class="foot_text">{{$t("home.jingWangWen")}}</div> -->
      </div>
      <!-- <ul>
				<li>{{$t("home.lianXun")}}</li>
				<li><a href="https://beian.miit.gov.cn" target="_blank">{{$t("home.jingICP")}}</a></li>
				<li>{{$t("home.jingWangWen")}}</li>
			</ul> -->
      <p>
        {{ $t("home.stipulation") }}<br />
        {{ $t("home.collectedWorks") }}
      </p>
    </div>
  </div>
</template>

<script>
</script>

<style lang="scss" scoped="scoped">
p {
  text-align: center;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
}
nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 15px 0;
  // background: #e2e0dd;
  font-size: 18px;
  color: #ffffff;
  .tocont {
    margin: 0 25px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #ffffff;
  }
  .tocont.router-link-active {
    margin: 0 25px;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #3385fd;
  }
}
.Icp {
  margin-top: 28px;
  a {
    color: #ffffff;
  }
  // ul{
  // 	display: flex;
  // 	flex-direction: row;
  // 	justify-content: center;
  // 	margin: 20px;
  // 	li{
  // 		margin: 0 10px;
  // 		font-size: 14px;
  // 		font-family: PingFangSC-Regular, PingFang SC;
  // 		font-weight: 400;
  // 		color: #999999;
  // 		// line-height: 12px;

  // 	}
  // }
}
.foot_text_box {
  display: flex;
  justify-content: center;
}
.foot_text {
  margin: 0 10px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
}
.foot_text_a_box {
  display: flex;
  justify-content: center;
  margin: 22px 0;
  .foot_text {
    margin: 0 35.5px;
  }
}
</style>
